<template>
  <main class="main-content-map">
    <app-vue-echarts :initOptions="{renderer: 'canvas'}" :option="getOption()"/>
  </main>
</template>

<script setup lang="ts" name="MainContent">
import {getOption} from '../options/mainCenter'
</script>

<style scoped lang="less">
.main-content-map{
  width: 850px!important;
  height: 910px;
  position: fixed !important;
  box-sizing: border-box;
  top: 55%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: all 0.4s;
  background: url('../../assets/map.png') no-repeat;
  background-position: 50% 84%;
  background-size: 700px 875px;
}
</style>
